@import '../../../styles/variables.scss';
.freq {
  display: flex;
  height: .15rem;
  line-height: .15rem;
  color: $color-font;
  font-size: $size-font-small;
  // font-size: $size-font-middle;
  background-color: $color-bg1;
}
.title {
  box-sizing: border-box;
  width: 0.1rem + 0.15 *3rem;
  padding-left: .12rem;
}
.freqList {
  display: inherit;
  // align-items: center;
  &>li {
    width: .15rem;
    text-align: center;
    &:nth-child(odd) {
      background-color: $color-bg-deep;
    }
    &:nth-child(even) {
      background-color: $color-bg-shallow;
    }

    &.topOne {
      background-color: #ff5252;
    }
    &.topTwo {
      background-color: #ff8c8c;
    }
    &.lastOne {
      background-color: #26b4d7;
    }
    &.lastTwo {
      background-color: #41def6;
    }
  }
}
